page, .uni-page-wrapper, .uni-page-wrapper .uni-page-body{
	height: 100%;
}
uni-page-head ~ uni-page-wrapper uni-page-body{
	height:100%;
}
uni-page-body{
	height:100%!important;
	min-height:100%;
	position: relative;
}
uni-page-head ~ uni-page-wrapper uni-page-body
{
	height: auto;
}
/*每个页面公共css */
.page{
  min-height: 100%;
  height:100%;
  box-sizing: border-box;
  flex-direction: column;
  font-size: 26upx;
  background-color: #343541;
  
}

.page .header-inner{
	/* position: fixed;
	top:0;
	left: 0;
	width: 100%;
	height: auto;
	display: flex;
	z-index: 100; */
}

.bg-gray{
	background-color:#EFF0F1;
}

.scroll-page{
	display: flex;
	height: 100%;
}

.flex{
	display: flex;
}
.container{
  flex:  1;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: auto;
}

.gray-container{
	background-color:#EFF0F1;
	display: flex;
	height: 100%;
	box-sizing: border-box;
	padding:0rpx;
	flex-direction: column;
}

.scroller-container{
	overflow: hidden;
	height:100%;
}

.scroller{
  height: 100%;
}

.sub-page{
  flex: 1;
  box-sizing: border-box;
  height: 100%;
}

button{
  border-radius:0;
  background: transparent;
}
button.button-hover{
	background-color: transparent;
}
button::after {
  border: none;
}

.highlight{
	color:$uni-color-primary;
}

.ellipsis{
  overflow: hidden;
  white-space:nowrap; 
  text-overflow:ellipsis;
}


.line2-clamp{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.swiper .swiper-image{
	height: 100%;
	width: 100%;
}


.title-bar > .left .iconfont{
  font-size: 40upx;
  width: 88upx;
  line-height: 88upx;
  text-align: left;
}

.required{
	color:#E02020;
}

.mt-sm{
	margin-top: 20upx;
}

.btn-primary{
	background:$uni-color-primary;
	color:#FFFFFF;
}
.btn-cancel{
	background:rgba(198,204,213,1);

}
.btn-warning{
	background:rgba(250,175,0,1);
}
.btn-info{
	background: #C6CCD5;
}

.btn-primary-o{
	border:2upx solid $uni-color-primary;
	color:$uni-color-primary;
}
.btn-info-o{
	border:2rpx solid #9a9a9a;
	color:#9a9a9a;

}

.btn-default-o{
	border:2rpx solid #464748;
	color:#333333;
}

.wx-radio-input, .uni-radio-input{
	width:30rpx!important;
	height:30rpx!important;
	margin-right: 20rpx!important;
}


.uni-radio-input.uni-radio-input-checked:before,
.wx-radio-input.wx-radio-input-checked::before{
	font-size:30rpx!important;
}


.wx-switch-input, .uni-switch-input{
	height:40rpx!important;
	width:78rpx!important;
	background-color: #F0F0F0!important;;
	border-color: #F0F0F0 !important;
	border-radius: 20rpx!important;
	
	
}

.uni-switch-input-checked, .wx-switch-input-checked{
	background-color: $uni-color-primary !important;
	border-color: $uni-color-primary !important;
}
.uni-switch-input-checked:after, .wx-switch-input-checked:after{
	transform: translateX(39rpx)!important;
	
}
.uni-switch-input:after, .uni-switch-input:before,
.wx-switch-input:after, .wx-switch-input:before{
	height:36rpx !important;
	width:36rpx !important;
	border-radius:50%!important;
	top:1rpx!important;
	
}




.btn-warning-o{
	border:2upx solid #FA8300;
	color:#FA8300;
}

.bold{
	font-weight: 700;
}

.text-info{
	color:#87888C;
}


.text-success{
	color:#3062FA;
}
.text-primary{
	color:$uni-color-primary;
}
.text-warning{
  color: #FA8300
}
.text-error{
  color:#E02020;
}

.label-primary,.label-info, .label-warning,.label-error{
  color:#FFFFFF;
}
.label-primary{
  background:$uni-color-primary ;
}
.label-info{
  background: #87888C;
}
.label-warning{
  background: #FA8300
}
.label-error{
  background: #FF3000;
}

.label-success{
	background: #0088FF;
}


.uni-input{
	padding: 8upx 14upx;

}

.placeholder{
	color:#C5CDD2;
	
}


.simple-navbar{
	
	font-size: 38rpx;
	color:$uni-color-primary;
	height:52rpx;
	line-height: 52rpx;
	position: relative;
	box-sizing: border-box;
	padding-left:30rpx;
	&::before{
		content:'';
		display: block;
		background:$uni-color-primary;
		height:28rpx;
		width:6rpx;
		position: absolute;
		top:50%;
		left:0;
		transform: translate(0, -50%);
		
	}
	
	.btn-more{
		font-size:28rpx;
		color:#8A8A8A;
		position: absolute;
		top:50%;
		right:0;
		padding:0;
		margin:0;
		text-align: right;
		width:100rpx;
		font-weight: normal;
		transform: translate(0, -50%);
	}
}

.select{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.select .icon-angle-right{
	font-size:20rpx;
	color:#8A8A8A;
}


.btn-checkbox{
	margin:0rpx;
	padding:10rpx;
	font-size:36rpx;
	color:#eff0f1;
	
	.iconfont{
		margin-right:10rpx;
	}
}
.btn-checkbox.checked{
	color:$uni-color-primary;
}

.form{
	.form-group{
		min-height:96rpx;
		padding: 30rpx 12rpx;
		box-sizing: border-box;
		border-bottom: 2rpx solid #EFF0F2;
		display: flex;
		line-height:36rpx;
		
		label{
			width: 170rpx;
			margin-right:12rpx;
			color:#363837;
			font-size:24rpx;
		}
		
		.form-control{
			flex:1;
			color:#363837;
			font-size:24rpx;
		}
	}
	
}

.uni-picker-container .uni-picker-action.uni-picker-action-confirm{
	color:$uni-color-primary;
}

.uni-selector-select .uni-picker-item.selected{
	color:$uni-color-primary;
}


.footer-box{
	height: 148rpx;
	background: #FFFFFF;
	box-shadow: 0rpx 4rpx 8rpx 0rpx rgba(0, 0, 0, 0.5);
	padding:40rpx;
	box-sizing: border-box;
	
	button{
		background-color: $uni-color-primary;
		color:#FFFFFF;
		text-align: center;
		font-size:24rpx;
		padding:0rpx;
		margin:0 auto;
		height:68rpx;
		line-height: 68rpx;
		width: 660rpx;
		border-radius: 8rpx;
	}
}

.navbar{
	background-color: #FFFFFF;
	height:96rpx;
	display: flex;
	width: 100%;
	font-size:32rpx;
	justify-content: space-between;
	align-items: center;
	position: relative;
	&:before{
		content: "";
		display: block;
		width: 100%;
		height: 0rpx;
		border-bottom: 2rpx solid rgba(10, 23, 56, 0.04);
		position: absolute;
		bottom:2rpx;
		left:0;
		
	}
	.navbar-item{
		position: relative;
		padding:0rpx;
		margin:0 auto;
		height: 96rpx;
		line-height: 96rpx;
		color:#919191;
		font-weight: 400;
		font-size:32rpx;
		overflow: visible;
	}
	.navbar-item.active{
		color:$uni-color-primary!important;
		font-size: 32rpx;
		font-weight: 600;
		
		&:after{
			content: "";
			display: block;
			width: 46rpx;
			height: 6rpx;
			background: $uni-background-primary;
			border-radius: 4rpx;
			position: absolute;
			bottom:0rpx;
			left:50%;
			transform: translate(-50%);
			
		}
	}
}



/*弹出框*/
.popup-inner{
  background: transparent;
  position: relative;
}
.popup-inner-wrapper{
  box-sizing: border-box;
  width: 600rpx;
  min-height: 290rpx;
  background: #FFFFFF;
  border-radius: 20rpx;
  border: none;
  position: relative;
}

.popup-inner-wrapper .inner-header{
  height:108rpx;
  text-align: center;
  border-bottom:2rpx solid #DDDDDD;
  line-height: 108rpx;
  color: $uni-color-primary;
  font-size:34rpx;
}
.popup-inner-wrapper .inner-body{
  padding:44rpx;
  line-height: 44rpx;
  font-size: 28rpx;
  max-height: 750rpx;
  overflow-y: auto;
}


.popup-inner{
	.close-btn{
		margin: 60rpx auto 0;
		width: 70rpx;
		height: 70rpx;
	
	}
	.close-btn .iconfont{
	    font-size:60rpx;
	    color: #FFFFFF;
	}
}

.pre{
	white-space: pre-wrap;
	word-wrap: break-word;
}
uni-button[type=primary]{
	background-color: $uni-color-primary;
}
uni-button[disabled][type=primary]{
	background-color: $uni-color-primary;
	opacity: 0.5;
}


.loading-ball{
  width: 36rpx;
  height: 36rpx;
  display: inline-block;
  border-radius: 50%;
  background: #FFFFFF;
  vertical-align: middle;
  animation: animate-ball 0.6s infinite alternate; /* 应用动画 */
  transform-origin: 50% 50%;

}
@keyframes animate-ball {
  from {
    transform: scale(0.8);
    
  }
  to {
    transform: scale(0.6);
  }
}
